<div id="modal-product-source" class="modal bottom-sheet">
    <div class="modal-content">
        <h5>商品货源</h5>
        <hr>
        <div class="clearfix">
            <img class="left mr10" ng-src="{{vm.product.picUrl}}" alt="" width="100" height="100">
            <div class="left">
                <p class="line-height30">商品标题：<a href="https://item.taobao.com/item.htm?id={{vm.product.numberId}}" target="_blank">{{vm.product.title}}</a></p>
                <p class="line-height30">
                    <span>销量：{{vm.product.sellAmount | bigNum}}</span>
                    <span>销售额：{{vm.product.sellMoney | bigNum}}</span>
                    <span>单价：{{vm.product.price}}元</span>
                    <span>上架时间：{{vm.product.importTime}}</span>
                </p>
            </div>
        </div>
        <hr>
        <p>以下是同类产品的1688货源推荐,您可以点击链接查看详情</p>
        <div dw-loading="prodsource">
            <div ng-repeat="item in vm.productSource track by $index" ng-class="{'card left':true,'mr10':!$last}">
                <div class="card-image waves-effect waves-block waves-light">
                    <img class="activator" ng-src="{{item.imageUrl}}" width="100" height="100">
                </div>
                <div class="card-content">
                    <p class="center-align activator grey-text text-darken-4">批发价：{{item.price}}元</p>
                    <p class="center-align"><a href="{{item.detailUrl}}}" target="_blank" title="货源链接">货源详情</a></p>
                </div>
            </div>
            <div ng-if="vm.productSource.length == 0">
                <p class="red-text">*该商品目前暂无货源</p>
            </div>
        </div>
    </div>
</div>
